import React from 'react';
import { Carousel } from 'antd';
import Image from 'next/image'
import gaoda from '../../../public/welcome/gaoda.jpg'
import gaoda2 from '../../../public/welcome/gaoda2.jpg'
import qilongzhu from  '../../../public/welcome/qilongzhu.jpg'
import qilongzhu2 from  '../../../public/welcome/qilongzhu2.jpg'



const App: React.FC = () => (
    <Carousel effect="fade" style={{ height: '100%', width: '75%',boxShadow:'5px 5px 5px #272822',marginLeft:'10px' }} autoplay >
         <Image
            height={820}
            src={gaoda}
            alt={''}
        />
          <Image
            height={820}
            src={gaoda2}
            alt={''}
        />
            <Image
            height={820}
            src={qilongzhu}
            alt={''}
        />
           <Image
            height={820}
            src={qilongzhu2}
            alt={''}
        />
    </Carousel>
);

export default App;